<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		}
	}
</script>

<style>
	/* 引入图标样式 */


	/* 全局样式 */
	page {
		background-color: #f8f8f8;
		font-size: 28rpx;
		color: #333;
		font-family: Helvetica Neue, Helvetica, sans-serif;
	}

	/* 通用样式 */
	.container {
		width: 100%;
		min-height: 100vh;
	}

	/* 文本溢出省略号 */
	.ellipsis {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.ellipsis-2 {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
	}

	/* 主题色 */
	.text-primary {
		color: #ff7d00;
	}

	.bg-primary {
		background-color: #ff7d00;
	}

	/* 按钮样式 */
	.btn-primary {
		background: linear-gradient(135deg, #ff6b6b, #ff8e8e);
		color: #fff;
		border: none;
		border-radius: 35rpx;
	}

	.btn-primary:active {
		opacity: 0.9;
	}

	/* 分割线 */
	.divider {
		height: 1rpx;
		background-color: #f5f5f5;
		margin: 20rpx 0;
	}

	/* 卡片样式 */
	.card {
		background: #fff;
		border-radius: 16rpx;
		padding: 30rpx;
		margin: 20rpx;
		box-shadow: 0 4rpx 20rpx rgba(0, 0, 0, 0.05);
	}
</style>
